import React from "react";
import { useEffect } from "react";
import { useState } from "react";

export default function Index() {
    const [obj, setObj] = useState({name: 'kaho'})

    console.log('重新渲染了')
    const handleClick = ()=> {
        setObj({...obj})
    }

    useEffect(()=> {
        console.log('useEffect')
    }, [])

    return <div>
        {obj.name}
        <button onClick={handleClick}>rerender</button>
    </div>
}

// export default class Index extends React.Component {
//     state = {
//         obj: {
//             name: 'kaho'
//         }
//     }

//     handleClick = ()=> {
//         this.setState({obj: this.state.obj})
//     }

//     render() {
//         console.log(this.state, '重新渲染了')
//         return <div>
//             {this.state.obj.name}
//             <button onClick={this.handleClick}>rerender</button>
//         </div>
//     }
// }